<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/gerenciamento.xhtml">

	<ui:define name="css">

		<link rel="stylesheet" type="text/css" href="style/folha_gerenciamento.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/logado.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/styles.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/styles2.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/perfil_foto.css" media="screen" />

		<style type="text/css">
			a:link {
				color: #000;
				text-decoration: none;
			}
			
			a:visited {
				text-decoration: none;
				color: #000;
			}
			
			a:hover {
				text-decoration: underline;
				color: #C60;
			}
			
			a:active {
				text-decoration: none;
				color: #C60;
			}
			
			.fileupload {
			    width: 100px;
			    height: 80px;
			    position: relative;
			    overflow: hidden;
			}
			
			.fileupload input {
			    position: absolute;
			    top: 0;
			    right: 0; 
			    cursor: pointer;
			    opacity: 0.0;
			    filter: alpha(opacity=0);
			    font-size: 300px;
			    height: 200px;
			}
		</style>
	</ui:define>

	<ui:define name="mid">
		<h:form id="formFoto" >
			<div id='cssmenu'>
				<ul>
					<li><a4j:commandLink
							action="#{logadoBean.goGerenciamentoMeuUsaCardHistorico}">
							<span>HISTÓRICO</span>
						</a4j:commandLink></li>

					<li><a4j:commandLink
							action="#{logadoBean.goGerenciamentoMeuUsaCardRecarregueSeuCartao}">
							<span>RECARREGUE SEU CARTÃO</span>
						</a4j:commandLink></li>

					<li><a4j:commandLink
							action="#{logadoBean.goGerenciamentoMeuUsaCardGerencieSeuCartao}">
							<span>GERENCIE SEU CARTÃO</span>
						</a4j:commandLink></li>

					<li class='active'><a4j:commandLink>
							<span>PERFIL</span>
						</a4j:commandLink></li>
				</ul>
			</div>

		</h:form>
			
		<h:form id="welcomeForm" enctype="multipart/form-data">
			<div class="inside_extrato">
				<div class="top">
					<div class="top_inside1" align="center">
						<a4j:commandLink value="Alterar senha de acesso" action="#{perfilBean.abrirAlterarSenha}" />
					</div>
					
					<div class="top_inside2" align="center"></div>
					
					<div class="top_inside3" align="center">
						<a4j:commandLink value="Alterar dados pessoais" action="#{perfilBean.abrirAlterarCadastro}" />
					</div>
					
					<div class="top_inside2" align="center"></div>
					
					<div class="top_inside4" align="center">
						<a4j:commandLink value="Imagem" action="#{perfilBean.abrirAlterarFoto}" />
					</div>
				</div>
				
				<br/><br/><br/><br/>
				
				<div class="fileupload">
				    <t:inputFileUpload id="upload" value="#{perfilBean.arquivo}"/>
				    <img src="images/foto_logado.jpg" />
			    </div>
			    <h:commandButton value="Submit" action="#{perfilBean.upload}"/>
				
			</div>
		</h:form>
		
	</ui:define>
</ui:composition>

</html>